<template>
<div>
  <div>
    <img style="width: 100%;margin-left: 5px"  src="@/assets/imgs/productlist.gif"></div>
  <div style="text-align: center">
    <div style="width: 1000px;
                background-color:rgba(250,248,228,0.88);margin-left: 20px;margin-bottom: 5px ">
      <!--商品列表开始-->
      <el-row :gutter="20">
        <el-col style="margin: 10px 0" :span="6" v-for="p in productArr">
          <el-card>
            <img :src="p.url" width="170px" height="200px" alt="">
            <div>
              <p style="font-size: 15px;height: 10px;">
                {{p.title}}</p>
              <p style="font-size: 15px;color: #666 ;margin-top: 0px;font-weight: bold">
                ￥{{p.price}}<s style="font-size: 12px;color: red">{{p.oldPrice}}</s>
                <span style="float: right">销量:{{p.saleCount}}件</span>
              </p>
            </div>
          </el-card>
        </el-col>
      </el-row>
      <!--商品列表结束-->
    </div>
  </div>
</div>

</template>

<script>
export default {
  name: "bookList",
  data(){
    return{
      wd:"",
      activeIndex: '1',
      productArr:[{title:"a",price:233,oldPrice:598,url:require("@/assets/imgs/TS1.jpg"),saleCount:2342},
        {title:"b",price:233,oldPrice:598,url:require("@/assets/imgs/TS2.jpg"),saleCount:2342},
        {title:"c",price:233,oldPrice:598,url:require("@/assets/imgs/TS3.jpg"),saleCount:2342},
        {title:"d",price:233,oldPrice:598,url:require("@/assets/imgs/TS4.jpg"),saleCount:2342},
        {title:"d",price:233,oldPrice:598,url:require("@/assets/imgs/TS4.jpg"),saleCount:2342},
        {title:"d",price:233,oldPrice:598,url:require("@/assets/imgs/TS4.jpg"),saleCount:2342},
        {title:"d",price:233,oldPrice:598,url:require("@/assets/imgs/TS4.jpg"),saleCount:2342},
        {title:"d",price:233,oldPrice:598,url:require("@/assets/imgs/TS4.jpg"),saleCount:2342},
        {title:"d",price:233,oldPrice:598,url:require("@/assets/imgs/TS4.jpg"),saleCount:2342},
        {title:"d",price:233,oldPrice:598,url:require("@/assets/imgs/TS4.jpg"),saleCount:2342},
      ],
    }
  }
}
</script>

<style>

</style>